{% extends "_base.html" %}
{% block scripts %}
    {{super()}}
    <script type="application/javascript" src="/static/js/sco.countdown.js"></script>
{% endblock %}
{% block styles %}
    {{super()}}
    <link rel="stylesheet" href="/static/css/scojs.css">
{% endblock %}
{% block insidedContent %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <button type="button" class="btn-default btn-block btn-toolbar">开始番茄</button>
                        <input type="text"/>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <input type="text"/>
                    </div>
                </div>
            </div>
        </div><!-- /.row -->
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div>统计</div>
                        <div>一周累计</div>
                        <div>0</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div>目标</div>
                        <div>今日目标</div>
                        <div>0/8</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div>历史</div>
                        <div>累计完成</div>
                        <div>0</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div>任务历史</div>
                        <div>累计完成任务</div>
                        <div>0</div>
                    </div>
                </div>
            </div>
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
{% endblock %}